<!DOCTYPE html>
<html lang="en">
	<head>
		<meta charset="utf-8" />
		<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame
		Remove this if you use the .htaccess -->
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
		<title>cloud</title>
		<meta name="description" content="" />
		<meta name="author" content="hello" />
		<!-- stylesheet import-->
		<link rel="stylesheet" href="bootstrap/css/bootstrap.css">
		<link rel="stylesheet" href="bootstrap/css/bootstrap-responsive.css" />
		<link rel="stylesheet" href="css/index.css" />
		<style type="text/css">
		  	body{
		  		padding-top: 80px;
		  		padding-bottom:60px;
		  	}
		  	.help-inline{
		  		color:#f00;
		  	}
  		</style>
	</head>
	<body>
		<div class="navbar navbar-fixed-top">
	      <div class="navbar-inner">
	        <div class="container">
	          <a class="brand">Cloud Service Center</a>
	          <div class="nav-collapse">
	            <ul class="nav">
	              <li><a href="index.html">Home</a></li>
	              <li><a href="about.html">About</a></li>
	              <li><a href="contact.html">Contact</a></li>
	            </ul>
	          </div><!--/.nav-collapse -->
	        </div>
	      </div>
	    </div>
	
	    <div class="container">
			<div class="row-fluid">
				<div class="span8">
	              		<img class="bg_img" width="750" height="700" src="img/hanyun.jpg"/>
	            </div><!--/span-->
	            <div class="span4">
	            	<div class="row-fluid">
	            		<div class="row" style="height:100px; padding:50px 0 20px 10px;">
	            			<p class="index-name">Container</p>
	            			<p class="index-title">Cloud Service Center</p>
	            		</div>
	            		<div class="row">
	            			<ul class="nav nav-tabs">
						  <li class="active"><a href="#signin_content" data-toggle="tab">Sign in</a></li>
						  <li><a href="#signup_content" data-toggle="tab">Sign up</a></li>
						</ul>
	              		<div class="tab-content">
	              			<div id="signin_content" class="tab-pane active">
	              				<form id="login_form" class="well" action="/Software/auth" method="post">
	              					<ul style="list-style-type: none; margin-left: 0;">
	              						<li>
	              							<label>username</label>
	              							<input name="email" id="email" type="text" class="span2" placeholder="type email here..."/>
	              							<span class="help-inline" id="email_help"></span>
		              					</li>
		              					<li>
	              							<label>password</label>
	              							<input name="password" id="password" type="password" class="span2" placeholder="type password here..." />
	              							<span class="help-inline" id="password_help"></span>
		              					</li>
		              					<li>
		              						<label>login as</label>
		              						<select name="role" id="role">
		              							<option>Shipper</option>
		              							<option>ShippingAgent</option>
		              							<option>LinerAgent</option>
		              							<option>Motorcade</option>
		              							<option>Driver</option>
		              						</select>
		              					</li>
		              					<li>
		              						<input id="login" type="button" class="btn btn-primary" value="Login" />
	              							<span class="help-inline"><a href="#">Forgot password?</a></span>
		              					</li>
	              					</ul>
	              				</form>
	              			</div>
	              			<div id="signup_content" class="tab-pane">
	              				<form class="well">
	              					<ul style="list-style-type: none; margin-left: 0;">
		              					<li>
		              						<label>You can register as the shipper, shipping agent, liner agent, motorcade, and driver</label>
	              							<a href="user_register.html" class="btn btn-primary">Register Now</a>
		              					</li>
	              					</ul>
	              				</form>
	              			</div>
	              		</div>
	            		</div>
	            	</div>
	            		
	            </div><!--/span-->
			</div>
	    </div> <!-- /container -->
	    
	    <!-- JavaScript at the bottom for fast page loading -->

		  <!-- Grab Google CDN's jQuery, with a protocol relative URL; fall back to local if offline -->
		  <script src="//ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
		  <script src="js/libs/jquery-1.7.1.min.js"></script>
		<!-- import bootstrap-->
		<script src="bootstrap/js/bootstrap.js"></script>
		<script src="js/index.js"></script>
		<script src="test/test.js"></script>
	</body>
</html>
